<!-- directive:title dongsf::(VUE)父子组件传值 -->
<!-- directive:breadcrumb ext经验条 -->
<div class="panel-body">
    <p>1>父组件向子组件传值props  赋值与取值</p>
    <p>Watch监听props中的属性值</p>
    <script type="text/xian" ui-bs>
        ccList:{
            immediate: true,//立即执行 ，ccList初始化时也走这步
            handler (val) {
                for (let i = 0; i < this.ccList.length; i++) {
                    this.cc.push(this.ccList[i].id);
                };
                this.defaultNum= this.ccList.length;
                this.$emit('input',this.cc);
                Console.log(‘111’)   //会console两次，初始赋值一次，父组件赋值一次
            }
        },
    </script>
    <p>2>子组件向父组件传值</p>
    <script type="text/xian" ui-bs>
        修改前：
        <up-image :more="true" default-action="api/precontract/savefile" :default-imgs="defaultImgs" @add-img="addImg" @del-img="delImg"></up-image>
        修改后：
        <up-image v-model="imgUrls" :more="true" default-action="api/precontract/savefile" :default-imgs="defaultImgs"></up-image>
    </script>
    <p>this.$emit('input',this.imgDatas) // input事件改变的是 父组件的v-model</p>
    <p>v-model本质上是一个语法糖(简写)。如下代码</p>
    <script type="text/xian" ui-bs>
        <input v-model="test">
        本质上是
        <input :value="test" @input="test = $event.target.value">
    </script>
    <p>，其中@input是对input输入事件的一个监听:value="test"是将监听事件中的数据放入到input</p>
</div>